// 个人中心页面
<template>
  <div id="app1">
    <div id="info">
      <div id="middle" style="margin-top:-31px">
        <el-container style="height: 800px; border: 1px solid #eee">
          <el-aside width="200px" style="background-color: rgb(238, 241, 246);margin-top:57px">
            <el-menu :default-openeds="['1', '2', '3', '4','5','6']" router style="margin-top:0px">
              <el-submenu index="1">
                <template slot="title">
                  <i class="el-icon-message"></i>个人中心
                </template>
                <el-menu-item-group>
                  <el-menu-item index="/personalCenter/myinfo">我的钱包</el-menu-item>
                </el-menu-item-group>
                <el-menu-item-group>
                  <el-menu-item index="/personalCenter/psinfo">修改密码</el-menu-item>
                </el-menu-item-group>

             
              
              </el-submenu>
              <el-submenu index="2">
                <template slot="title">
                  <i class="el-icon-menu"></i>订单中心
                </template>
                <el-menu-item-group>
                  <el-menu-item index="/personalCenter/orderinfo">订单详情</el-menu-item>
                </el-menu-item-group>
              </el-submenu>


             
              

              <el-submenu index="5">
                <template slot="title">
                  <i class="el-icon-message"></i>用户管理
                </template>
                <el-menu-item-group>
                  <el-menu-item index="5-1" @click="outUser">退出登录</el-menu-item>
                </el-menu-item-group>

               
              </el-submenu>
            </el-menu>
          </el-aside>

          <el-container>
            <el-header style="text-align: right; font-size: 12px">
              <el-dropdown>
                <i  style="margin-right: 15px"></i>
                <el-dropdown-menu slot="dropdown" router>
                  <el-dropdown-item @click.native="myInfo">个人中心</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
      
            </el-header>

            <el-main>
              <router-view></router-view>
            </el-main>
          </el-container>
        </el-container>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "app1",

    data() {
    return {
      loginName:'',
      name: localStorage.getItem("name"),
      username: "",
      password: "",
      isLogined: localStorage.getItem("isLogined"),
      isLogined: true
    };
  },
  methods: {
    myInfo() {
      this.$router.push({ path: "/myInfo" });
    },
    
    outUser() {
      localStorage.removeItem("loginUser");
      this.$router.go(0);

    }
    
  },

  

};
</script>
<style>
#words {
  float: left;
  margin-left: 700px;
  margin-top: -60px;
  font-size: 25px;
}
#title {
  float: left;
  margin-left: 700px;
  font-size: 25px;
  margin-top: 30px;
}

#middle1 {
  margin-left: 600px;
  margin-top: 110px;
}
#login {
  margin-left: 60px;
}
#out {
  margin-top: -7px;
}
</style>
